<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<html>
	<head>
		<meta http-equiv="cache-control" content="no-cache, must-revalidate">
		<meta http-equiv="pragma" content="no-cache">
		<title>이미지삽입</title>
		<link rel="stylesheet" type="text/css" href="/component/smartEditor/css/editor.css" />
		<link href="/component/smartEditor/css/imgupload.css" rel="stylesheet" type="text/css" />
		<style type="text/css">
  			body { margin:0; padding:0; }
		</style>
		<script language="javascript">
		var capaHTML = 0;
		var isGecko = 0;
		
		if ( navigator.product == "Gecko" ) {
		  capaHTML = 1;
		  isGecko = 1;
		}
		
		/* 영문, 숫자, 언더바(_), 하이픈(-)만 가능 */
		function checkInputFileName(fileName) {
			var fileNameMatch = new RegExp("/^[:\A-Za-z0-9_\-]{1,}\.[A-Za-z0-9_\-]{1,}$/");
			if(fileNameMatch.test(fileName)) {
				return true;
			}
			return false;
		}
		
		function fileCheck(target, obj) {
		    pathpoint = obj.lastIndexOf('.');
		   
		    filepoint = obj.substring(pathpoint+1,obj.length);
		    filetype = filepoint.toLowerCase();
		    if(filetype=='jpg' || filetype=='gif' || filetype=='png' || filetype=='jpeg' || filetype=='bmp') {
		    	/*
		    	if( !isGecko ) {
		        	brower = navigator.userAgent.toUpperCase();
		        	target.innerHTML = "<img src='" + obj + "' width='220' height='143'>";
		      		if (brower.indexOf('MSIE 7') != -1 || brower.indexOf('MSIE 8') != -1 ) {
		        		target.innerHTML = '<font color=\"B0B0B0\">미리보기는 MS IE 6.0 이하에서만<br>가능합니다.</font>';
					} else {
					  	target.innerHTML = "<img src='" + obj + "' width='220' height='143'>";
					}
				} else {
				        target.innerHTML = '<font color=\"B0B0B0\">미리보기는 MS IE계열만<br>가능합니다.</font>';
				}
				*/
		    } else {
		        alert('이미지 파일만 선택할 수 있습니다.');
		        target.innerHTML = '';
		        return false;
		    }
		    if(filetype=='bmp') {
		        upload = confirm('BMP 파일은 웹상에서 사용하기엔 적절한 이미지 포맷이 아닙니다.\n그래도 계속 하시겠습니까?');
		        if(!upload) return false;
		    }
		}
		
		function submitImageUploadForm(uploadForm) {
			var theFrm = document.editor_upimage;
		
			//  fileName = theFrm.update_image.value;
		  	fileName = document.getElementById('fileID').value;
		  	if (fileName == "") {
		    	alert('본문에 삽입할 이미지를 선택해주세요.');
		    	return;
		  	}
		  	
		  	pathpoint = fileName.lastIndexOf('.');
		    filepoint = fileName.substring(pathpoint+1,fileName.length);
		    filename = fileName.substring(fileName.lastIndexOf('/')+1, fileName.length);
		    
		    /*alert(filename);
		    
		  	if(!checkInputFileName(filename)) {
				alert('파일명은 영문,숫자만 가능하고 특수문자는 불가능합니다.');
		        target.innerHTML = '';
		        return false;
		    }*/
		  
		   
		    filetype = filepoint.toLowerCase();
		    if (filetype != 'jpg' && filetype != 'gif' && filetype != 'png' && filetype != 'jpeg' && filetype !='bmp') {
		        alert('이미지 파일만 선택할 수 있습니다.');
		        self.close();
		        return;
		    }
		
		    theFrm.imagepath.value = parent.parent.imagepath;
		  try {
		      theFrm.submit();
		  } catch (e) {
		    theFrm.reset();
		    alert('파일을 업로드할 수 없습니다.');
		    return;
		  }
		}
		
		function closeWin() {
		  parent.parent.oEditors.getById["<%=request.getParameter("id")%>"].exec("SE_TOGGLE_IMAGEUPLOAD_LAYER");
		  return false;
		}
		
		</script>
	</head>
	<body>
	<div id="naver_common_editor" style="height:80px;">
	  <form id="editor_upimage" name="editor_upimage" action="/community/uploadImg.action" method="post" enctype="multipart/form-data">
	  <input type="hidden" name="imagepath">
	  <input type="hidden" name="id" value="<%=request.getParameter("id")%>">
	  <div class="pic_content" style="border:0;">
		<p class="search">
			<s:file id="fileID"  name="param.upload"  cssStyle="width:222px;ime-mode:disabled" onchange="fileCheck(document.getElementById('update_image_view'), this.value);" onkeydown="return false"/>
		</p>
	    <!-- <div class="pic_area" id="update_image_view"></div> -->
	    2Mbyte이하의 파일만  가능합니다.
	    <div class="btn_box">
	      <a href="javascript:submitImageUploadForm(document.getElementById('editor_upimage'));"><img src="/component/smartEditor/img/btn_layer_confirm.gif" alt="확인" width="38" height="21"></a>
	      <a href="javascript:closeWin()"><img src="/component/smartEditor/img/btn_layer_cancel.gif" alt="취소" width="38" height="21" border="0"></a>
	    </div>
	  </div>
	  </form>
	</div>
	</body>
</html>
